import * as SunnyIcons from '@mao-fu/sun-ui-icon';
import React from 'react';
import { Space } from '@mao-fu/sun-ui';

const App: React.FC = () => {
  // 获取一个图标组件作为示例
  const IconExample = SunnyIcons.HomeOutlined;

  return (
    <div>
      <h4>预设尺寸</h4>
      <Space>
        <IconExample size="extra-small" />
        <IconExample size="small" />
        <IconExample size="default" />
        <IconExample size="large" />
        <IconExample size="extra-large" />
      </Space>
      <h4>自定义尺寸（数字）</h4>
      <Space>
        <IconExample size={16} />
        <IconExample size={24} />
        <IconExample size={32} />
        <IconExample size={48} />
        <IconExample size={64} />
      </Space>
    </div>
  );
};

export default App;
